{% extends "index.html" %}
{% block content %}
<form id="profileForm" action="/profile/submit" method="post">
	<div> 
		<label for="name">Name</label> 
		<input id="name" name="name" type="text" value="{{ name }}"/> 
		<span id="nameInfo">What's your name?</span> 
	</div>
	<div> 
		<label for="gender">Gender</label> 
        <input name="gender" type="radio" value="male" {{ male_selected }}>Male</input>
		<input name="gender" type="radio" value="female" {{ female_selected }}>Female</input>
		<span id="genderInfo"></span> 
	</div>
	<div> 
		<label for="birthyear">Birthyear</label> 
		<input id="birthyear" name="birthyear" type="text" value="{{ birthyear }}"/> 
		<span id="birthyearInfo">What's your birthyear?</span> 
	</div>
	<div> 
		<label for="height">Height</label> 
		<input id="height" name="height" type="text" value="{{ height }}"/> 
		<span id="heightInfo">What's your height in centimeters?</span> 
	</div>
	<div> 
		<label for="lossprofile">Profile</label> 
		<select name="lossprofile">
			<option value="0.5kg pr week" {{lp_halfprweek_selected}}>0.5kg/week</option>
			<option value="1kg pr week" {{lp_oneprweek_selected}}>1kg/week</option>
			<option value="1kg pr month" {{lp_oneprmonth_selected}}>1kg/month</option>
			<option value="maintain" {{lp_maintain_selected}}>maintain</option>
		</select>	
	</div>
	<div> 
		<label for="owncalories">Specific caloric need</label> 
		<input id="owncalories" name="owncalories" type="text" value="{{ owncalories }}"/> 
		<span id="owncaloriesInfo">Enter your own caloric need? (leave blank for auto)</span> 
	</div>
	<div> 
		<label for="activitylevel">Activity Level</label> 
		<select name="activitylevel">
			<option value="seditary" {{al_seditary_selected}}>seditary</option>
			<option value="light" {{al_light_selected}}>light</option>
			<option value="moderate" {{al_moderate_selected}}>moderate</option>
			<option value="rigorous" {{al.rigorous_selected}}>rigorous</option>
		</select>	
	</div>
	<div>
		<input id="send" name="send" type="submit" value="Store"></input>
	</div>
</form>
{% endblock	%}